// 封装自定义指令
// 函数名就是指令名
import store from '@/store'
export const imgerror = {
  // el:指令绑定的dom元素
  // options:接收指令的相关信息
  // options.value:value可以获取传递过来的值
  inserted(el, options) {
    // console.log(el, options.value)
    // 图片加载失败后执行
    el.onerror = () => {
      el.src = options.value
    }
  }
}

export const allow = {
  inserted: function(el, options) {
    const points = store.state.user.userInfo.roles.points
    console.log(el, 'el')
    console.log(points, 'points')
    console.log(options.value, 'options.value')
    // 如果没有按钮的权限，就隐藏该指令绑定的dom对象
    if (!points.inclides(options.value)) {
      el.style.display = 'none'
    }
  }
}

export const focus = {
  inserted: function(el, options) {
    el.focus()
  }
}
